<template>
<div>
  <h2>英皇教育幼儿园使用平台</h2>
  <table border="1" cellspacing="1" align="center">
    <tr>
      <td>年级</td>
      <td colspan="3">课程</td>

    </tr>
    <tr v-for="i in cla">
      <td>{{i.name}}</td>
      <td v-for="j in i.gra">{{j.name}}</td>
    </tr>
  </table>
</div>
</template>

<script>
export default {
  name: "lesandgra",
  data(){
    return{
      cla:[]
    }
  },
  methods:{
    get_gra(){
      this.$axios.get('users/GradeAPI/')
      .then(res=>{
        this.cla = res.data.list
      })
    }
  },
  mounted() {
    this.get_gra()
  }
}
</script>

<style scoped>

</style>
